<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <th:block th:include="public/include :: header" />
 	<meta name="keywords" th:content="${siteInfo.keyWord}">
	<meta name="description" th:content="${siteInfo.siteDesc}">
    <title>[[${siteInfo.siteTitle}]]</title>
   
   	<th:block th:include="public/include :: swiper-css" />
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/headfoot.css" />
    <link rel="stylesheet" href="/css/index.css">
</head>

<body class="huibg">
    <!--头部部分-->
    <div class="heads">
    </div>
    
    <div class="main-md">
        <div class="main_top bgff">
            <div class="main_top_lf">
                <div class="banner">
                    <div class="swiper-container" id="banner">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" th:each="carouselPic,st : ${carouselPics}">
                                <img th:src="${carouselPic.picImg}" th:alt="${carouselPic.picTitle}" class="phone_hide" style="width: 630px;height: 360px;">
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination swiper-bg">
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_top_rt">
                <div class="main_top_tit">
                    <span class="fnt_16 bld col_000"> 国务院信息 </span>
                    <span class="fnt_16 bld col_000"> 国家卫健委 </span>
                    <span class="fnt_16 bld col_000 active"> 中心动态 </span>
                </div>
                <div class="main_rt_con">
                    <div class="main_rt_item" style="display: none;">
                        <div class="main_rt_list">
                            <ul>
                                <li><a href="#">
                                        <div class="fnt_14 col_333 main_rt_lf textfull1">Tab1-点击跳转</div>
                                        <div class="fnt_14 col_666 main_rt_rt">2020/07/20</div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main_rt_item" style="display: none;">
                        <div class="main_rt_list">
                            <ul>
                                <li><a href="#">
                                        <div class="fnt_14 col_333 main_rt_lf textfull1">Tab2-点击跳转</div>
                                        <div class="fnt_14 col_666 main_rt_rt">2020/07/20</div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="main_rt_item" style="display: block;">
                        <div class="main_rt_list">
                            <ul>
                                <li th:each="cont,st : ${centerConts}">
                                	<a th:href="@{'/cont/detail/'+${cont.contId}}" target="_blank">
                                        <div class="fnt_14 col_333 main_rt_lf textfull1" th:text="${#strings.abbreviate(cont.contTitle,countChar)}" th:title="${cont.contTitle}"></div>
                                        <div class="fnt_14 col_666 main_rt_rt" th:text="${#dates.format(cont.contPubDatetime,'yyyy-MM-dd')}"></div>
                                    </a>
                               </li>
                            </ul>
                        </div>
                    </div>
                </div>
               
            </div>
        </div>
    </div>

    <!-- banner-->
    <div class="main_banner">
        <div class="main-md">
        	<a target="_blank" th:href="${indexBanner.linkUrl} != null ? ${indexBanner.linkUrl} : '#'">
            <img th:src="${indexBanner.picImg}" th:alt="${indexBanner.picDesc}" style="width: 100%;">
        	</a>
        </div>
    </div>
    <div class="main_wen">
        <div class="main-md">
            <div class="wen_cont">
                <div class="wen_list bgff">
                    <div class="wen_tit">
                        <span class="col_fff bld fnt_20">[[${cmsCate1.cateTitle}]] </span>
                        <a th:href="${cmsCate1.visitUrl}" class="rt col_lan fnt_14"> 更多>> </a>
                    </div>
                    <div class="main_rt_list">
                        <ul>
                            <li th:each="cont,st : ${news1}">
                              	<a th:href="@{'/cont/detail/'+${cont.contId}}" target="_blank">
                                      <div class="fnt_14 col_333 main_rt_lf textfull1" th:text="${#strings.abbreviate(cont.contTitle,countChar)}" th:title="${cont.contTitle}"></div>
                                      <div class="fnt_14 col_666 main_rt_rt" th:text="${#dates.format(cont.contPubDatetime,'yyyy-MM-dd')}"></div>
                                  </a>
                             </li>
                        </ul>
                    </div>
                </div>
                <div class="wen_list bgff">
                    <div class="wen_tit">
                        <span class="col_fff bld fnt_20">[[${cmsCate2.cateTitle}]] </span>
                        <a th:href="${cmsCate2.visitUrl}" class="rt col_lan fnt_14"> 更多>> </a>
                    </div>
                    <div class="main_rt_list">
                        <ul>
                            <li th:each="cont,st : ${news2}">
                              	<a th:href="@{'/cont/detail/'+${cont.contId}}" target="_blank">
                                      <div class="fnt_14 col_333 main_rt_lf textfull1" th:text="${#strings.abbreviate(cont.contTitle,countChar)}" th:title="${cont.contTitle}"></div>
                                      <div class="fnt_14 col_666 main_rt_rt" th:text="${#dates.format(cont.contPubDatetime,'yyyy-MM-dd')}"></div>
                                  </a>
                             </li>
                        </ul>
                    </div>
                </div>
                <div class="wen_rt">
                    <div class="wen_rt_tit">
                        <span class="col_fff bld fnt_20">内设机构 </span>
                    </div>
                    <div class="wen_rt_list bgff">
                        <ul>
                            
                            <li th:each="subOrg,st : ${subOrgList}">
                            	<a th:href="${subOrg.enableLink} eq '0' ? ${subOrg.linkUrl} : '#'" th:target="${subOrg.enableLink} eq '0' ? '_blank' : '_self'">
                            		<div class="wen_ll">
                                       <div class="wen_i"><img th:src="${subOrg.icon}" th:alt="${subOrg.orgTitle}"></div>
                                    </div>
                                    <div class="wen_t fnt_18 col_000 cent">[[${subOrg.orgTitle}]]</div>
                                </a>
                             </li>
                            
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ping">
        <div class="main-md">
            <div class="ping_cont bgff">
                <div class="ping_tit">
                    <span class="col_fff bld fnt_20">传播平台 </span>
                </div>
                <div class="picMarquee-rt">
                    <div class="bd">
                        <ul>
                           	<th:block th:each="spread,st : ${spreads}">
                            <li>
                                <div class="ping_item cent">
                                	<a th:href="${spread.enableLink} eq '0' ? ${spread.linkUrl} : '#'" th:target="${spread.enableLink} eq '0' ? '_blank' : '_self'">
                                    <img th:src="${spread.csImg}" th:alt="${spread.csTile}" style="width: 55px;height: 53px;">
                                    <h4 class="col_000 fnt_14 cent textfull1">[[${spread.csTile}]]</h4>
                                    <p class="textfull1 col_999">[[${spread.csDesc}]]</p>
                                	</a>
                                </div>
                            </li>
                           	</th:block>
                            
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ping">
        <div class="main-md">
            <div class="ping_cont bgff">
                <div class="ping_tit">
                    <span class="col_fff bld fnt_20">相关链接 </span>
                </div>
                <div class="picMarquee-left">
                    <div class="bd">
                        <ul>
                            
                            <li th:each="friendLink,st : ${friendLinks}">
                                <div class="xiang_item cent">
	                                <a th:href="${friendLink.enableLink} eq '0' ? ${friendLink.linkUrl} : '#'" th:target="${friendLink.enableLink} eq '0' ? '_blank' : '_self'">
	                                    <img th:src="${friendLink.cflImg}" th:alt="${friendLink.cflTitle}" style="width: 145px;height: 53px;">
	                                </a>
                                </div>
                            </li>
                            
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--页尾-->
    <div class="foots">
    </div>
    
    <th:block th:include="public/include :: footer" />
    <th:block th:include="public/include :: swiper-js" />
    <div th:replace="public/include :: SuperSlide-js" ></div>
    <script src="/js/index.js"></script>
     
    <script>
        var swiper = new Swiper('#banner', {
            autoplay: 3000,
            speed: 500,
            loop: true,
            lazyLoading: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
        var windowWidth = $(window).width();
        if (windowWidth < 768) {

        }
        if (windowWidth >= 768) {

        }
        $('.main_top_tit span').click(function () {
            var liindex = $('.main_top_tit span').index(this);
            console.log(liindex);
            if(liindex==0){//跳转
            	 window.open('[[${linkGwy}]]');  
            }
            if(liindex==1){//跳转
           	 window.open('[[${linkWjw}]]');  
            }
            if(liindex==2){
	            $(this).addClass('active').siblings().removeClass('active');
	            $('.main_rt_con .main_rt_item').eq(liindex).fadeIn(150).siblings(".main_rt_item").hide();
            }
        });
        
        
        $(function() {
	        $(".heads").load("/head");
	        $(".foots").load("/foot.html");
	        
	        //启动滚动
        	jQuery(".picMarquee-left").slide(
        		{mainCell:".bd ul",
        		autoPlay:true,
                effect:"leftMarquee",vis:7,interTime:50,trigger:"click"});
            jQuery(".picMarquee-rt").slide(
        		{mainCell:".bd ul",
        		autoPlay:true,
        		effect:"leftMarquee",vis:6,interTime:50,trigger:"click"});
        });
        
    </script>
</body>

</html>